<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page isELIgnored ="false" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    response.setHeader("Cache-Control", "no-store"); //HTTP 1.1    
    response.setHeader("Pragma", "no-cache"); //HTTP 1.0    
    response.setDateHeader("Expires", 0); //prevents caching at the proxy server    
%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="${applicationScope.webApp.root}/css/jquery.mobile.min.css" /> 
        <script src="${applicationScope.webApp.root}/js/jquery.min.js"></script>
        <script src="${applicationScope.webApp.root}/js/jquery.mobile.min.js"></script> 
        <style>
            body {
                background-color: rgb(221,221,221);
            }
        </style>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-role="header">
                <h1>学习详情</h1>
            </div>
            <div data-role="content">
                <div class="content-primary">
                    <ol data-role="listview">
                        <li data-role="list-divider"><b>${requestScope.student.nickname}</b> - 24小时内学习过的单词</li>
                        <c:forEach items="${requestScope.learntStatus}" var="item" varStatus="status">
                            <li>
                                <h3 class="ui-li-heading">${status.count}. ${item.word.spelling}</h3>
                                ${item.word.meaning}
                            </li>
                        </c:forEach>
                    </ol> 
                </div><!--/content-primary -->
            </div><!-- /content -->
        </div><!-- /page --> 
    </body>
</html>
